<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/wxflow/inc/head.jsp"%>
<%--表格css引入 [start] --%>
<!-- Bootstrap -->
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/wxflow/res1/assets/css/vendor/bootstrap-checkbox.css">

<link rel="stylesheet"
	href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/chosen/css/chosen.min.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/chosen/css/chosen-bootstrap.css">



<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/html5shiv.js"></script>
      <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/respond.min.js"></script>
    <![endif]-->
<%--表格css引入 [end] --%>



<!-- 模态框（Modal） -->
<div class="modal fade" id="voteModal" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&nbsp;</button>
				<h4 class="modal-title" id="myModalLabel">用户信息</h4>
			</div>
			<div class="modal-body">
				<table class="table table-striped table-bordered">
					<tr>
						<td width="60">用户名称</td>
						<td><input class="autosize-transition form-control" id="fdWxNickName" /></td>
					</tr>
					<tr>
						<td width="60">Openid</td>
						<td><input class="autosize-transition form-control" id="fdWxOpenId" /></td>
					</tr>
					<tr>
						<td width="60">头像</td>
						<td><input class="autosize-transition form-control" id="fdWxHeadImgUrl" /></td>
					</tr>
				</table>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
				<button type="button" class="btn btn-primary"
					onclick="fn_save(this);">提交</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
</div>



<!--主内容 [start]-->
<!-- Page content -->
<div id="content" class="col-md-12">

	<!--主内容-head [start]-->
	<!-- page header -->
	<div class="pageheader">

		<h2>
			<i class="fa fa-table"></i> 用户列表 <span>查询微信用户授权</span>
		</h2>


		<div class="breadcrumbs">
			<ol class="breadcrumb">
				<li>所在位置</li>
				<li><a
					href="${pageContext.request.contextPath}/wxflow/user.jsp?menu=user_list">用户管理</a></li>
				<li class="active">用户列表</li>
			</ol>
		</div>


	</div>
	<!-- /page header -->
	<!--主内容-head [end]-->




	<!--主内容-main [start]-->
	<!-- content main container -->
	<div class="main">


		<div class="row">

			<div class="col-md-12">
				<section class="tile color transparent-black">



					<!-- tile header -->
					<div class="tile-header">
						<h1>
							<strong>微信</strong> 用户
						</h1>
						<div class="search">
							<input type="text" placeholder="查找...">
						</div>
						<div class="controls">
							<a href="#" class="refresh" data-mode="go" id="pageGo"><i class="fa fa-refresh"></i>刷新</a> <a
								href="#" class="remove"><i class="fa fa-times"></i></a>
						</div>
					</div>
					<!-- /tile header -->

					<!-- tile widget -->
					<div class="tile-widget bg-transparent-black-2">
						<div class="row">

							<div class="col-sm-4 col-xs-6 text-right"></div>

							<div class="col-sm-8 col-xs-6 text-right">

								<div class="btn-group btn-group-xs table-options">
									<button type="button" class="btn btn-red" id="fn_add">
										<i class="fa fa-file-o"></i> 新增
									</button>
									<button type="button" class="btn btn-red" id="fn_modify">
										<i class="fa fa-edit"></i> 修改
									</button>
									<button type="button" class="btn btn-red" id="fn_delete">
										<i class="fa fa-trash-o"></i> 删除
									</button>
								</div>

							</div>


						</div>
					</div>
					<!-- /tile widget -->



					<!-- tile body -->
					<div class="tile-body nopadding">

						<table class="table table-bordered table-sortable table-datatable">
							<thead>
								<tr>
									<th>
										<div class="checkbox check-transparent">
											<input type="checkbox" value="1" id="allchck"> <label
												for="allchck"></label>
										</div>
									</th>
									<th class="sortable sort-asc">用户名称</th>
									<th class="sortable ">openid</th>
									<th class="sortable ">用户头像</th>
								</tr>
							</thead>
							<tbody id="pageShow">
								
							</tbody>
						</table>

					</div>
					<!-- /tile body -->


					<!-- tile footer -->
					<div
						class="tile-footer bg-transparent-black-2 rounded-bottom-corners">
						<div class="row">


							<div class="col-sm-12 text-right sm-center">
								<small class="inline table-options paging-info">
									总数:<span id="totalCount">0</span>,当前页&nbsp;<input type="text" class="input-sm" id="pageNo"
									value="1"> &nbsp;&nbsp; 每页&nbsp;<input type="text"
									class="input-sm" id="pageSize" value="10">&nbsp;
								</small> &nbsp;&nbsp;
								<ul class="pagination pagination-xs nomargin pagination-custom">
									<li><a href="#" id="pagePrev" data-mode="prev"><i
											class="fa fa-angle-double-left"></i></a></li>
									<li><a href="#" id="pageNext" data-mode="next"><i class="fa fa-angle-double-right"></i></a></li>

								</ul>
							</div>

						</div>
					</div>
					<!-- /tile footer -->




				</section>
			</div>

		</div>










	</div>
	<!-- /content container -->
	<!--主内容-main [end]-->





</div>
<!-- Page content end -->
<!--主内容 [end]-->
<%@ include file="/wxflow/inc/foot.jsp"%>
<%@ include file="/wxflow/user_list_js.jsp"%>

